/* index.html */
.index-search {
    padding: .5rem .7rem;
}

.index-search a {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 1rem;
    padding: 0 .5rem;
}

.index-search input {
    flex: 1;
    padding: .5rem;
    border: none;
    background-color: transparent;
    font-size: .7rem;
}

.index-join {
    margin: .5rem .7rem;
}

.index-join-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0 .5rem .5rem;
    border: 1px solid #f5f5f5;
}

.index-join-title > span {
    font-weight: bold;
    font-size: .7rem;
}

.index-message .swiper-slide {
    font-size: .7rem;
    color: #888;
}

.index-join-title img {
    width: 18%;
    margin-right: .5rem;
}

.index-join-title > div {
    display: flex;
    align-items: center;
}

.index-join-title > div:last-child {
    width: 14%;
    font-size: .7rem;
    color: #999;
}

.index-join-title a {
    font-size: .7rem;
    color: #999;
}

/*.index-join-container li {*/
/*  border-bottom: 1px solid #f5f5f5;*/
/*}*/
.index-join-container li a {
    display: flex;
    padding: .5rem;
}

.index-join-container li img {
    width: 20%;
    margin-right: .5rem;
}

.index-join-container .index-join-rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index-join-container .index-join-rgt div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-join-rgt div p:first-child {
    color: var(--bc);
}

.index-join-container li span {
    color: #999;
    text-decoration: line-through;
    font-size: .7rem;
}

.index-join-rgt div p:last-child {
    font-size: .7rem;
    border: 1px solid var(--bc);
    color: var(--bc);
    border-radius: 1rem;
    padding: .1rem .5rem;
}

.rec-div {
    text-align: center;
    padding: .2rem;
}

.index-img {
    width: 70%;
}

.profile-order li img {
    width: 40%;
    margin-right: 0;
    margin-bottom: .3rem;
}

/* shopDetails.html */
.swiper1 {
    height: 100vw;
}

.shop-details p:nth-child(2) {
    padding: .3rem 0;
}

.shop-details p:last-child, .shop-details p:last-child span {
    display: flex;
    justify-content: space-between;
    font-size: .7rem;
    color: #999;
}

.shop-details p:first-child {
    color: var(--bc);
}

.shop-details p:first-child span {
    color: #999;
    font-size: .7rem;
    text-decoration: line-through;
}

.shop-details-news {
    margin-top: .5rem;
}

.shop-details-news p {
    font-weight: 700;
    text-align: center;
    padding-bottom: .5rem;
}

.shop-details-btn {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.shop-details-btn p {
    width: 50%;
    padding: .7rem 0;
    text-align: center;
    background-color: #FEB238;
    color: #fff;
}

.shop-details-btn p:last-child {
    background-color: var(--bc);
}

.stepper {
    display: flex;
    align-items: center;
    padding: .5rem;
}

.stepper div {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
}

.stepper input {
    width: 15%;
    margin: 0 .5rem;
    border: none;
    text-align: center;
}

.model-news-btm, .model-news-btm1 {
    text-align: center;
    display: none;
    width: 100%;
}

.model-news-btm a, .model-news-btm1 a {
    background-color: var(--bc);
    color: #fff;
    padding: .7rem 0;
    display: block;
}

.model-news-btm a {
    background-color: #FEB238;
}

/* submitOrder.html */
.submit-type {
    padding: .5rem 0;
    text-align: center;
    color: #64B23A;
}

.submit-address {
    margin-top: .5rem;
    position: relative;
}

.submit-address-news {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.submit-address-news .name {
    font-weight: bold;
    font-size: .8rem;
}

.submit-address-news .default {
    font-size: 0.625rem;
    background: linear-gradient(to right, #7FC555, #60B331);
    color: #fff;
    padding: .1rem .5rem;
    border-radius: .3rem;
    margin-left: .5rem;
}

.layui-icon-add-circle-fine {
    margin-right: .5rem;
}

.submit-address-left {
    width: 100%;
    padding: 0 .7rem;
}

.submit-mgt {
    margin: .5rem 0;
}

.submit-mgt .index-join-rgt p:last-child {
    color: #000;
    border: none;
}

.submit-form {
    margin-bottom: .5rem;
}

.submit-form li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .8rem;
    padding: .7rem;
    border-bottom: 1px solid #f5f5f5;
}

.submit-form li span {
    font-size: .8rem;
}

.submit-btm {
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: .7rem;
    display: flex;
    justify-content: space-between;
}

.submit-btm span {
    color: var(--bc);
}

.submit-btm p:last-child {
    padding: .1rem .5rem;
    border-radius: 1rem;
    background: linear-gradient(to right, #7FC555, #60B331);
}

.submit-btm a {
    font-size: .8rem;
    color: #fff;
}

/* pay.html */
.pay-news {
    padding: .5rem .7rem;
}

.pay-news > p:first-child {
    text-align: center;
    font-size: 1.7rem;
    color: var(--bc);
    padding: 2rem;
}

.pay-type li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0;
}

.pay-type li input {
    width: 1rem;
    height: 1rem;
}

.pay-type .layui-icon {
    margin-right: .5rem;
}

.pay-news > input {
    width: 100%;
    margin: .5rem 0;
    border: none;
    font-size: .8rem;
}

.pay-title {
    padding: .5rem 0;
}

.pay-btn {
    width: 80%;
    background-color: #60B331;
    border-radius: 2rem;
    margin: 2rem auto;
}

.pay-btn a {
    color: #fff;
    text-align: center;
    padding: .5rem 0;
    display: block;
}

.pay-success {
    padding: .5rem;
    margin: .7rem;
    border-radius: .5rem;
}

.pay-success > p {
    margin: 2rem auto;
    color: var(--bc);
    text-align: center;
    font-size: 1.5rem;
}

.pay-success div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pay-success div p {
    width: 40%;
    background-color: var(--bc);
    border-radius: .5rem;
    margin: 0 5% 1rem;
}

.pay-success div a {
    color: #fff;
    text-align: center;
    display: block;
    padding: .3rem 0;
}

/* classify.html */
.classify-content {
    display: flex;
    justify-content: space-between;
}

.classify-content .classify-left, .classify-rgt {
    width: 30%;
    height: calc(100vh - 5.25rem);
    overflow: hidden;
}

.classify-left li {
    text-align: center;
    height: 2rem;
    line-height: 2rem;
}

.classify-left .active {
    background-color: #f5f5f5;
}

.classify-rgt {
    width: 70%;
}

.classify-rgt li {
    width: 33%;
}

.classify-rgt li p {
    font-size: .7rem;
}

/* cart.html */
.cart-title {
    text-align: right;
    font-size: .8rem;
}

.cart-list {
    margin: .5rem .7rem;
}

.cart-list li {
    display: flex;
    align-items: center;
    padding: .5rem;
    border-radius: .5rem;
    margin-bottom: .5rem;
}

.cart-list li img {
    width: 20%;
    margin: 0 .5rem;
}

.cart-list li > input {
    width: 1rem;
    height: 1rem;
}

.cart-rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 17vw;
}

.cart-rgt > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-rgt .stepper {
    width: 50%;
    padding: 0;
}

.cart-rgt .stepper input {
    flex: 1;
}

.cart-footer {
    position: fixed;
    bottom: 3rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .7rem;
}

.cart-footer input {
    width: 1rem;
    height: 1rem;
}

.cart-footer div {
    display: flex;
    align-items: center;
}

.cart-footer > div:last-child {
    width: 18%;
}

.cart_list {
    padding: .7rem;
}

.cart_list li {
    margin-bottom: .5rem;
    background-color: #fff;
    display: flex;
    padding: .5rem;
    border-radius: .5rem;
}

.cart_list .cart_inp {
    width: 7%;
    display: flex;
    align-items: center;
    position: relative;
}

.check {
    position: absolute;
}

.cart_list .cart_img {
    width: 20%;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .3rem;
}

.cart_list .default span {
    font-size: .7rem;
    padding: .1rem .5rem;
    border-radius: .3rem;
    background-color: #f5f5f5;
}

.cart_list .cart_list-rgt {
    flex: 1;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cart_list .cart_list-rgt div {
    display: flex;
    justify-content: space-between;
}

.cart_list .cart_list-rgt div > p {
    color: #F62941;
}

.cart-stepper {
    border: 1px solid #ccc;
}

.cart-stepper input {
    width: 40px;
    border: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
}

.cart_list .cart-stepper div {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-footer > div:last-child {
    width: auto;
}

.cart-sum {
    color: #F62941;
    padding-right: .5rem;
}

.cart_inp_img1 {
    width: 50%;
}

.cart-fi {
    position: relative;
}

.cart-fi input {
    position: absolute;
}

.cart_list li input[type=checkbox],
.carBtm input {
    right: .3rem;
    -webkit-appearance: none;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: url(../img/icon_Rdo.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    overflow: hidden;
}

.cart_list li input[type=checkbox]:checked,
.carBtm label input:checked {
    /*width: 0.4rem;*/
    /*height: 0.4rem;*/
    overflow: hidden;
    border: 1px solid #fff;
    background: url(../img/icon_dui.png) no-repeat;
    background-size: 100% 100%;
}

.carBtm label {
    width: 40%;
    display: flex;
    align-items: center;
    padding-left: .3rem;
}

.carBtm input {
    margin-right: .2rem;
}


.cart-footer a {
    display: block;
    width: 100%;
    padding: .4rem 1rem;
    background-color: #60B331;
    border-radius: 1rem;
    color: #fff;
    text-align: center;
}

.cart-footer .cart-del {
    display: none;
}

/* profile.html */
.profile-title {
    color: #fff;
    background-color: #7FC555;
}

.profile-header {
    padding: .7rem;
    display: flex;
    background-color: #7FC555;
    color: #Fff;
}

.profile-header img {
    width: 20%;
    margin-right: .5rem;
}

.profile-header div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.profile-header i {
    line-height: 18vw;
    font-size: 1rem;
}

.profile-news p:not(:first-child) {
    font-size: .7rem;
}

.profile-order {
    padding-top: 1rem;
    background: linear-gradient(to bottom, #7FC555 50%, #f5f5f5 51%);
}

.profile-order .index-join-container {
    display: flex;
    align-items: center;
}

.profile-order .index-join-container li {
    width: 25%;
}

.profile-order .index-join-container a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.profile-order li i {
    font-size: 1.5rem;
}

.profile-order li p {
    font-size: .7rem;
}

.profile-ul {
    padding: 0 .7rem .5rem;
}

.profile-ul li {
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
}

.team-number {
    padding-top: .2rem;
}

.profile-ul li:first-child {
    border-radius: .5rem .5rem 0 0;
}

.profile-ul li:last-child {
    border-radius: 0 0 .5rem .5rem;
}

.profile-ul li a {
    display: block;
    display: flex;
    justify-content: space-between;
    padding: .6rem .5rem;
}

.profile-ul li img {
    width: 18%;
    margin-right: .5rem;
}

.profile-ul li p {
    display: flex;
    align-items: center;
}

/* set.html */
.set-img {
    display: flex;
    justify-content: center;
    padding: .7rem 0;
}

.set-img img {
    width: 25%;
    border-radius: 50%;
}

.set-form {
    padding: 0 .7rem;
    margin-top: .5rem;
}

.set-form li {
    height: 2.5rem;
    line-height: 2.5rem;
    display: flex;
    justify-content: space-between;
}

.set-form li:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
}

.set-form input {
    border: none;
    text-align: right;
}

.hint {
    color: var(--bc);
    font-size: .7rem;
    padding: .5rem .7rem;
}

/* feedBack.html */
.feed-title {
    padding: .5rem .7rem;
    font-size: .8rem;
}

textarea {
    width: 100%;
    margin-top: .5rem;
    resize: none;
}

.tran-btn {
    border: 1px solid #60B331;
    background-color: transparent;
}

.tran-btn a {
    color: #60B331;
}

/* transRecord.html */
.transition-title, .team-list {
    display: flex;
    align-items: center;
}

.transition-title li, .team-list li {
    flex: 1;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
}

.team-list-title {
    font-weight: bold;
}

.transition-title li:first-child {
    flex: 2;
}

.transition-title li:nth-child(2) {
    color: var(--bc);
}

/* myTeam.html */
.team {
    padding: .7rem;
    position: relative;
}

.team-news {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    width: 100%;
    height: 90%;
    transform: translate(-50%, -50%);
}

.team-news li {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*.team-list li:first-child {*/
/*    flex: .5;*/
/*}*/

.team-list-news > li {
    border-top: 1px solid #ddd;
}

/* myAccount.html */
.account-news {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15%;
    color: #fff;
    width: 80%;
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.account-news li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
}

.account-news li:last-child span {
    width: 30%;
    text-align: center;
    padding: .2rem 0;
    background-color: rgba(255, 255, 255, .4);
}

.account a {
    display: block;
}

.address-select {
    flex: 1;
    display: flex;
    justify-content: space-between;
}

/* address.html */
.address {
    padding: .5rem .7rem;
    display: flex;
}

.address img {
    width: 9%;
    /*margin-right: .5rem;*/
}

.address div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.address-list {
    margin-top: .2rem;
}

.address-list li {
    margin-bottom: .5rem;
    background-color: #fff;
}


.address-list button {
    height: 100%;
}

.address-list li {
    margin: 0;
    border-bottom: 1px solid #f5f5f5;
}

.address {
    padding: .7rem;
    justify-content: space-between;
    align-items: center;
}

.address .name {
    font-weight: bold;
    font-size: .8rem
}

.address p:last-child {
    font-size: 0.6rem;
    color: #7a7a7a;
    margin-top: .3rem;
    margin-right: .2rem;
}

.address p:first-child span {
    font-size: 0.625rem;
    background: linear-gradient(to right, #7FC555, #60B331);
    color: #fff;
    padding: .1rem .5rem;
    border-radius: .3rem;
    margin-left: .5rem;
}

/* myOrder.html */
.order-title {
    display: flex;
    align-items: center;
    margin-top: .2rem;
}

.order-title li {
    flex: 1;
    text-align: center;
    padding: .5rem 0;
}

.order-title .active {
    background-color: #fff;
}

.order-list {
    margin-top: .2rem;
}

.order-list li .order-num {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .7rem;
}

.order-list .order-num p {
    font-size: .7rem;
    color: #999;
}

.order-btn {
    display: flex;
    justify-content: flex-end;
    padding: .5rem .7rem;
}

.order-btn p {
    padding: .1rem .5rem;
    border-radius: 1rem;
    border: 1px solid var(--bc);
    color: var(--bc);
    margin-left: .5rem;
}

.order-title {
    margin-top: 0;
    background-color: #fff;
}

.order-title .active {
    color: #60B331;
    border-bottom: 3px solid #60B331;
}

.order-title li {
    border-bottom: 3px solid transparent;
    margin: 0 .5rem;
}

.order-list {
    padding: .5rem;
}

.order-list li {
    border-radius: .5rem;
    margin-bottom: .5rem;
}

.order-btn {
    justify-content: space-between;
    align-items: center;
}

.order-btn > div:first-child {
    color: #999;
    font-size: .6rem;
}

.order-btn > div:last-child {
    display: flex;
    align-items: center;
}

.order-list .order-num p {
    color: #F64952;
}

.index-join-rgt div p:last-child {
    border: none;
    color: #999;
}

.order-list .total {
    text-align: right;
    padding: 0.5rem 0.7rem;
    font-weight: bold
}

/* login.html */
.login {
    position: relative;
}

.login-logo {
    width: 40%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.login-news {
    width: 80%;
    position: relative;
    top: -10vh;
    left: 50%;
    transform: translateX(-50%);
    padding: .7rem;
}

.login-news li {
    display: flex;
    align-items: center;

}

.login-news input {
    flex: 1;
    padding: .5rem;
    border: none;
    border-bottom: 1px solid #f5f5f5;
    height: 2.5rem;
    line-height: 2.5rem;
}

.login-news .van-icon {
    height: 100%;
    /* width: 10%;
    text-align: center; */
}

.eye1 {
    display: none;
}

.login-hint {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem 0;
    height: 2rem;
    line-height: 2rem;
}

.login-hint a {
    padding: 0 .3rem 0 .3rem;
}

.login-hint p {
    font-size: .7rem;
}

.login-hint a {
    color: #60B331;
    font-size: .7rem;
}
.register span, .register .test {
    font-size: .8rem;
    width: 30%;
    text-align: center;
    padding: .1rem 0;
    border: 1px solid #60B331;
    color: #60B331;
}
.register .test {
    display: none;
}
.notice-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.notice-list p {
    display: flex;
    align-items: center;
    font-size: .7rem;
}
.notice-news {
    margin-top: .2rem;
}
.register-news {
    width: 100%;
    top: .5rem;
}
.register-news input {
    padding: .7rem;
}
.register-news li p {
    width: 25%;

}
.register-news li input {
    min-width: 40vw;
    font-size: .75rem;
}
.register-deal {
    font-size: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.register-deal input {
    max-width: 5px;
}
.register-deal a {
    font-size: .7rem;
    color: #60B331;
}
.register-hint a {
    color: #60B331;
}
.register-btn {
    background-color: #60B331;
}
.register p {
    font-size: .75rem;
}

.notice-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.notice-list p {
    display: flex;
    align-items: center;
    font-size: .7rem;
}

.notice-news {
    margin-top: .2rem;
}

.account-list {
    padding: 0 .7rem;
}

.account-list li {
    margin-top: .5rem;
    background-color: #fff;
    padding: .7rem;
    border-radius: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.account-list div:first-child p:first-child {
    color: #F62941;
}

.account-list div:first-child span {
    font-size: 1.3rem;
}

.account-list div:first-child p:last-child {
    color: #999;
}

.red {
    color: #F62941;
}

.green {
    color: #27AE60;
}

.orange {
    color: #F2994A;
}

.rmk {
    font-weight: bold;
}

.right_parent {
    height: 120px !important;
    line-height: 120px !important;
    align-items: center
}

.right_div {
    display: flex;
    align-items: center;
    height: 100px;
    width: 100px;
    justify-content: flex-end
}

.right_img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.search {
    border-top: 1px solid #f5f5f5;
    padding: .7rem;
}

.search-news {
    background-color: #f5f5f5;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

.search-news input {
    background-color: transparent;
    border: none;
    padding: .5rem 0;
    flex: 1;
    margin: 0 .5rem;
}

.search-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .7rem;
    font-weight: 700;
}

.search-title img {
    width: 1rem;
}

.search-list {
    display: flex;
    align-items: center;
    padding: .4rem .7rem;
    flex-wrap: wrap;
}

.search-list li {
    font-size: .7rem;
    background-color: #f5f5f5;
    border-radius: 1rem;
    padding: .2rem .5rem;
    margin: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.evaluate-list {
    padding: 0 0.8125rem;
    font-size: 0.75rem;
}
.evaluate-list > li {
    padding: 0 0.8125rem .8125rem;
    border-radius: .5rem;
    margin-top: 0.8125rem;
}
.evaluate-list textarea {
    margin: 0.8125rem 0;
    height: 6rem;
    width: 100%;
    font-size: 0.6875rem;
    font-weight: 400;
    border: none;
}
.evaluate-list ul {
    display: flex;
    flex-wrap: wrap;
}
.evaluate-list ul .flex-center {
    width: 3.8125rem;
    height: 3.8125rem;
    margin: 0.5rem 0.375rem 0 0;
    position: relative;
}
.eva-del {
    position: absolute;
    width: 0.9375rem;
    height: 0.9375rem;
    top: 0;
    right: 0;
}
.buy-btn {
    width: 80%;
    border-radius: 2rem;
    padding: .5rem 0;
    background: linear-gradient(to right, #00D08B, #00D08B);
    color: #fff;
    text-align: center;
    margin: 1rem auto;
}

.multi {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.detail-evaluate-list li > p {
    font-size: 0.6875rem;
    margin: .6875rem 0;
}
.my-evaluate-list {
    margin: 0.8125rem;
}
.content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #00D08B;
}
.content span {
    font-size: 0.625rem;
}
.content img {
    width: 0.5rem;
    height: .25rem;
    margin-left: .1rem;
}
.my-evaluate-list > li {
    border-radius: .5rem;
    margin-bottom: 0.8125rem;
    padding: 0.8125rem;
}
.my-evaluate-img {
    display: flex;
    flex-wrap: wrap;
}
.my-evaluate-list li .time {
    color: #999;
    font-size: 0.5625rem;
}
.my-evaluate-img li {
    width: 3.8125rem;
    height: 3.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
}
.my-evaluate-img li:not(:nth-child(4n)) {
    margin-right: 0.5rem;
}
.my-evaluate-reply {
    background-color: #f5f5f5;
    border-radius: .5rem;
    padding: 0.5625rem;
    font-size: 0.625rem;
    color: #333;
}
.my-evaluate-reply span {
    color: #FF4C4C;
    font-size: 0.625rem;
}
.complaint {
    width: 3.125rem;
    height: 3.125rem;
    position: fixed;
    bottom: 10%;
    right: 0.625rem;
}
